@mixin tab() {
    .tab {
        &-box {
            position: relative;
        }
        &-head {
            position: relative;
            font-size: 0;
            line-height: 0;
            z-index: 2;
            li {
                position: relative;
                width: 160px;
                height: 38px;
                margin-right: -1px;
                display: inline-block;
                border: 1px solid #e2e2e2;
                border-bottom: 0 none;
                &.active {
                    a {
                        border-top: 2px solid #1291BE;
                        background-color: #fff;
                        color: #1291BE;
                    }
                }
                a {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    line-height: 38px;
                    height: 38px;
                    font-size: 14px;
                    text-align: center;
                    color: #666;

                  &:active,&:hover,&:focus {
                    text-decoration: none;
                  }
                }
            }
        }
        &-content {
            position: relative;
            border: 1px solid #e2e2e2;
            z-index: 1;
        }
        &-pane {
            display: none;
            &.active {
                display: block;
            }
        }
    }
}
